.praiseHeart{
  position: absolute;
  opacity: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
@keyframes heartBeat {
  0% {
    opacity: 0;
    top:-0.6rem;
    /* left: 1rem; */
    /* -webkit-transform: scale(1); */
    /* transform: scale(0.5); */
  }
  50% {
    opacity: 1;
    top:-4.6rem;
    /* left: 1rem; */
    /* -webkit-transform: scale(1); */
    /* transform: scale(0.5); */
  }
  100% {
    opacity: 0;
    top:-8.6rem;
    /* left: 1rem; */
    /* transform: scale(0.5); */
  }
}

.enter-tip-enter-active {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 2;
  animation-duration: 2s;
  animation-timing-function: linear;
}

